@keyframes todown {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(15deg);
  }
  30% {
    transform: rotate(25deg);
  }
  50% {
    transform: rotate(45deg);
  }
  70% {
    transform: rotate(60deg);
  }
  90% {
    transform: rotate(75deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@-webkit-keyframes todown {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(15deg);
  }
  30% {
    transform: rotate(25deg);
  }
  50% {
    transform: rotate(45deg);
  }
  70% {
    transform: rotate(60deg);
  }
  90% {
    transform: rotate(75deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes toup {
  0% {
    transform: rotate(90deg);
  }
  10% {
    transform: rotate(75deg);
  }
  30% {
    transform: rotate(60deg);
  }
  50% {
    transform: rotate(45deg);
  }
  70% {
    transform: rotate(30deg);
  }
  90% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes toup {
  0% {
    transform: rotate(90deg);
  }
  10% {
    transform: rotate(75deg);
  }
  30% {
    transform: rotate(60deg);
  }
  50% {
    transform: rotate(45deg);
  }
  70% {
    transform: rotate(30deg);
  }
  90% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
a:active {
  /*background-color: #f7f7f7;*/
}
body {
  overflow-x: hidden;
}
.banner {
  width: 100vw;
  height: 50vw;
}
.banner .banner-img {
  width: 100%;
  height: 100%;
}
.tabs{
  height:13.33vw;
  display: flex;
  align-items: center;
  background: #f1f1f1;
}
.tabs .tabes,.tabs .tabes li{
  height:9.33vw;
  line-height:9.33vw;
  font-size: 0;
}
.tabs .tabes li{
  display: inline-block;
  position: relative;
}
.tabs .tabes a,.tabs .tabes li{
  vertical-align: bottom;
  display: inline-block;
  width:calc((100vw - 0.54vw) / 2);
  background: #f00;
  font-size: 0.4rem;
  text-align: center;
  color: #999;
  background: #fff;
  position: relative;
}
.tabs .tabes a:nth-child(1),.tabs .tabes li:nth-child(1){
  margin-right: 0.27vw;
}
.tabs .tabes a.active{
  color: #ff4040;
}
.tabs .tabes a{
  background: linear-gradient(135deg, transparent 1.07vw , #ffffff 0) top left, linear-gradient(225deg, transparent 1.07vw, #ffffff 0) top right, linear-gradient(-45deg, transparent 1.07vw, #ffffff 0) bottom right, linear-gradient(45deg, transparent 1.07vw, #ffffff 0) bottom left;
  background-size: 60% 60%;
  background-repeat: no-repeat;
}
.listbox {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 64vw;
}
.listbox .box {
  position: absolute;
  top: 0;
  width: 99vw;
}
.listbox .box .box_ {
  position: relative;
  top: 0;
  left: 0;
  width: 90vw;
  margin: 4vw 5vw 0 5vw;
  /*padding-top: 6vw;*/
  box-shadow: 1px 3px 8px rgba(102, 102, 102, 0.2);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.listbox .box .box_:last-child {
  margin-bottom: 5vw;
}
/*.listbox .box .box_:before {*/
  /*content: '中心概况';*/
  /*position: absolute;*/
  /*top: 3vw;*/
  /*left: -7px;*/
  /*width: 20vw;*/
  /*height: 9vw;*/
  /*background: url('/home/images/tag.png') 0 0 no-repeat;*/
  /*background-size: 20vw 9vw;*/
  /*color: #ffffff;*/
  /*text-align: center;*/
  /*font-size: 0.32rem;*/
  /*line-height: 6.6vw;*/
/*}*/
.listbox .box .charter:before {
  display: none;
}
/*.listbox .box .box_.or:before {*/
  /*content: '组织架构';*/
/*}*/
.listbox .box .box_.summary {
  padding: 3vw 3vw 6vw 3vw;
}
.listbox .box .box_.charter{
  padding:2vw;
}
.listbox .box .box_.summary p,.listbox .box .box_.charter p {
  margin-top: 2vw;
  font-size: 0.34rem;
  line-height: 5.5vw;
  color: #333;
}
.listbox .box .box_.charter p{
  font-size: 0.4rem;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
}
.listbox .box .box_.charter  span{
  text-indent: 0.8rem;
  font-size: 0.34rem;
  color: #666;
  display: inline-block;
  text-align: justify;
  line-height: 2.5;
}
.listbox .box .box_ .lists {
  padding: 3.4667vw;
  color: #333333;
  font-size: 0.37rem;
}
.listbox .box .box_ .lists .name1 {
  width: 100%;
  height: 12vw;
  font-size: 0.37rem;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  align-items:center;
  line-height: 1.5;
  width: 95%;
  margin-left: 7vw;
  color: #333;
}
.listbox .box .box_ .lists .party1 {
  position: relative;
  top: 0;
  font-size: 0.42rem;
  padding-left: 1vw;
  display: flex;
  align-content: center;
}
.listbox .box .box_ .lists .party1 .tri,.charter .party1 .tri {
  position: absolute;
  top: 4.66vw;
  left: 0;
  content: '';
  height: 2.67vw;
  width: 2.67vw;
  background: url('/home/images/tri.png') 0 0 no-repeat;
  background-size: 2.67vw 2.67vw;
}
.listbox .box .box_ .lists .detail1 {
  display: block;
  width: 100%;
}
.listbox .box .box_ .lists .detail1 .name2 {
  display: inline-block;
  width: 90%;
  height:12vw;
  margin-left: 8vw;
  font-size: 0.37rem;
  color: #333333;
  line-height: 12vw;
  border-bottom: 1px solid #f1f1f1;
  text-decoration: none;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 320px) {
  .listbox .box .box_ .lists .detail1 .name2 {
    font-size: 12px;
  }
}
.listbox .box .box_ .lists .todown,.charter .todown {
  -webkit-animation: todown 0.4s linear alternate;
  animation: todown 0.4s linear alternate;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.listbox .box .box_ .lists .toup {
  -webkit-animation: toup 0.4s linear alternate;
  animation: toup 0.4s linear alternate;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.listbox .town {
  left: 100vw;
}
.listbox .service {
  left: 0
}
.listbox .vr {
  left: 200vw;
}
.listbox .vr a {
  display: inline-block;
  width: 100vw;
  text-decoration: none;
}
.listbox .vr .title {
  width: 100vw;
  font-size: 0.42rem;
  color: #333333;
  line-height: 60px;
  text-align: center;

}
.listbox .vr img {
  margin: 5vw 10vw;
  width: 80vw;
}
.table .party {
  width: 40vw;
}
.table .position {
  width: 30vw;
}
.table .name {
  width: 30vw;
}
.table .thead .th {
  display: inline-block;
  height: 46px;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Microsoft YaHei", sans-serif;
  line-height: 46px;
  text-align: center;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.table .tbody {
  height: 100%;
}
.table .tbody .tb {
  padding: 50px 10px;
  font-size: 1.3rem;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.table .tbody .tb span {
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.table .tbody .party {
  vertical-align: middle;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
}
.table .tbody .party span {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  line-height: 20px;
}
.listbox .box .box_ .lists .party1 .tri-left.structure2{
  background: url('/home/images/structure/structure2.png') 0 0 no-repeat;
  background-size: 5.4vw 5.4vw;
}
.listbox .box .box_ .lists .party1 .tri-left.structure3{
  background: url('/home/images/structure/structure3.png') 0 0 no-repeat;
  background-size: 5.4vw 5.4vw;
}
.listbox .box .box_ .lists .party1 .tri-left.structure4{
  background: url('/home/images/structure/structure4.png') 0 0 no-repeat;
  background-size: 5.4vw 5.4vw;
}
.listbox .box .box_ .lists .party1 .tri-left {
  width: 5.4vw;
  height: 5.4vw;
  float: left;
  display: inline;
  position: absolute;
  left: 1vw;
  top: 50%;
  margin-top: -2.7vw;
}

.listbox .box .box_.summary img{
  width: 100%!important;
  margin-top: 5vw;
}
.press{
  background:#ff5555!important;
  color:#fff!important;
  background: linear-gradient(135deg, transparent 4px , #ff5555 0) top left, linear-gradient(225deg, transparent 4px,  #ff5555 0) top right, linear-gradient(-45deg, transparent 4px,  #ff5555 0) bottom right, linear-gradient(45deg, transparent 4px, #ff5555 0) bottom left!important;
  background-size: 60% 60%!important;
  background-repeat: no-repeat!important;
}


.ripple {
  position: relative;
  overflow: hidden;
}

.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
  pointer-events: none;
  background-image: radial-gradient(circle, #f00 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(12, 10);
  opacity: 0;
  transition: transform .2s, opacity .4s;
}

.ripple:active:after {
  transform: scale(0, 0);
  opacity: .3;
  transition: 0s;
}